<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="../js/jquery.js"></script>
<link href="../bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="../bootstrap/js/bootstrap.min.js"></script>
<!--[if lte IE 9]>
<script src="../bootstrap/js/respond.min.js"></script>
<script src="../bootstrap/js/html5shiv.min.js"></script>
<![endif]-->
<script type="text/javascript" src="../js/lhgdialog.js?self=true&skin=iblack"></script>
<script src="../js/jquery.autocomplete.min.js"></script>
<style type="text/css">
body {
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;
}

.sp {
	margin-top: 3px;
}

.addon-text {
	min-width: 125px;
}

thead {
	background-color: #ccc;
	text-align: center;
}

.badge-ok {
	background-color: rgb(50, 184, 50);
	margin-right: 5px;
	min-width: 8px;
	height: 8px;
	border-radius: 4px;
	padding: 0
}

.badge-no {
	background-color: #ccc;
	margin-right: 5px;
	min-width: 8px;
	height: 8px;
	border-radius: 4px;
	padding: 0
}

.table-n-p>thead>tr>th, .table>tbody>tr>th, .table-n-p>tfoot>tr>th,
	.table-n-p>thead>tr>td, .table-n-p>tbody>tr>td, .table-n-p>tfoot>tr>td
	{
	padding: 3px 20px;
}

.autocomplete-suggestions {
	border: 1px solid #999;
	background: #FFF;
	overflow: auto;
	min-width: 175px;
}

.autocomplete-suggestion {
	padding: 2px 5px;
	white-space: nowrap;
	overflow: hidden;
}

.autocomplete-selected {
	background: #F0F0F0;
}

.autocomplete-suggestions strong {
	font-weight: normal;
	color: #3399FF;
}
caption {
	font-weight: 700;
	font-size: 14px;
}
</style>
</head>
<body>
		<div>
			<div class="input-group">
				<span class="input-group-addon addon-text">超时报案原因</span> <select id="reason" class="form-control"><option>请选择超时报案原因</option>
					<optgroup label="--------------">
						<option>客户未及时报案</option>
						<option>客户放弃索赔后再次提出索赔</option>
						<option>客户报错保单或者车牌</option>
						<option>漏报或少报信息</option>
						<option>系统原因</option>
						<option>估损不足误撤(销)商业险</option>
						<option>分公司未及时转报案</option>
					</optgroup></select>
			</div>
		</div>
		<div class="sp"></div>
		<div>
			<table>
				<caption>超时报案说明</caption>
				<tr>
					<td><textarea id="des" rows="10" cols="80" class="form-control"></textarea></td>
				</tr>
			</table>
		</div>
		<div class="sp"></div>
		<div class="pull-right" style="margin-right: 20px;">
			<button class="btn btn-primary btn-sm" style="min-width: 100px;" onclick="confirmTimeOut();">确定</button>
		</div>
		<script type="text/javascript">
		function showMessage(info, delay) {
			if (!!delay) {
				delay = 5;
			}
			return $.dialog({
				id : 'msg',
				title : false,
				content : info,
				width : 200,
				height : 100,
				left : '50%',
				top : '50%',
				fixed : true,
				drag : false,
				resize : false,
				time : delay,
				lock : true,
				max : false,
				min : false
			});
		}
			function confirmTimeOut() {
				var api = frameElement.api;
				var W = api.opener;
				var timeOutReason = $("#reason").val();
				var timeOutDes = $("#des").val();
				if (timeOutReason == '请选择超时报案原因') {
					showMessage("请选择超时报案原因", 3);
					return false;
				} if (timeOutDes == '') {
					showMessage("请填写超时报案说明", 3);
					return false;
				}
				$(W.document.getElementById("timeOutReason")).val(timeOutReason);
				$(W.document.getElementById("timeOutDescription")).val(timeOutDes);
				api.close();
			}
		</script>
</body>
</html>